<template>
  <div class="bg-white rounded-lg p-5 h-full flex flex-col">
    <div class="font-bold text-xl mb-4">医疗机构依法执业自查自纠结果报告单</div>
    <div class="font-bold mb-2">机构名称:</div>


    <table>
      <tr>
        <td class="bg-info-3">报告类型</td>
        <td colspan="2">
          <dict-tag
            :options="dict.type.self_examination_report_type"
            :value="$route.query.report"
          />
        </td>
      </tr>
      <tr>
        <td class="bg-info-3">自查类型</td>
        <td colspan="2">
          <dict-tag
            :options="dict.type.self_examination_type"
            :value="$route.query.inspect"
          />
        </td>
      </tr>
      <tr>
        <td class="bg-info-3">自查项目</td>
        <td class="bg-info-3">发现问题</td>
        <td class="bg-info-3">整改情况</td>
      </tr>
      <tr v-for="item in dataList">
        <td>{{ item.item }}</td>
        <td>{{ item.problem }}</td>
        <td>{{ item.rectification }}</td>
      </tr>
    </table>
<!--    <pagination
      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getDataList"
    />-->
    <div class="grid grid-cols-2 mt-4 ">
      <div>填报人：{{ $route.query.fill }}</div>
      <div>审核人：{{ $route.query.review }}</div>
    </div>
    <hr class="my-4">
    <div>
      <el-button type="primary" @click="goBack">返回</el-button>
    </div>
  </div>
</template>

<script>
import {getInspectionDetailAPI} from "@/api/zhangping/health-care/base-info";
export default {

  dicts:['self_examination_report_type',,'self_examination_type'],
  mixins: [],
  components: {},
  props: {},
  data() {
    return {
      dataList: [

      ],
      total: 0,
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        selfExaminationId:this.$route.query.id
      }
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {
    this.getDataList();
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    },
    getDataList() {
      getInspectionDetailAPI(this.queryParams).then((res) => {
        console.log(res);
        this.dataList = res.data;
      });
    },
  },
};
</script>

<style scoped lang="scss">
tr,
td {
  padding: 12px;
  text-align: center;

  border: 1px solid rgb(235, 238, 245);

}
</style>
